﻿<!DOCTYPE html>     
    
<head>     
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fixed Positioning Example</title>     
<meta name="viewport" content="width=device-width, initial-scale=0.5">     
<link rel="stylesheet" href="jquery.mobile.min.css" />     
<script src="jquery-2.1.4.min.js"></script>     
<script src="jquery.mobile.min.js"></script>     
</head>               
<body>
	<div data-role="page">
    	<div data-role="header" data-position="fixed" data-fullscreen="true">
        	<a href="#">返回</a>    
            <h1>今日新闻</h1>    
            <a href="#">设置</a>
        </div>
		<div data-role="content">
			<ul data-role="listview">
				<li><a href="#">中美海军举行联合反海盗演习 首次演练实弹射击</a></li>
				<li><a href="#">安徽回应警察目睹少女被杀:不护短已提请检方介入</a></li>
				<li><a href="#">深圳居民为省钱开船到香港加油被判拘役5个月</a></li>
				<li><a href="#">海南卫生厅干部体验看病难:候2小时就诊5分钟</a></li>
				<li><a href="#">延安市长回应削山建新城：保证不变“鬼城”</a></li>
				<li><a href="#">上海今日遭高温暴雨雷电大风轮番袭击(组图)</a></li>
				<li><a href="#">美国安局人员被曝曾用监控资源监听自己伴侣</a></li>
				<li><a href="#">金正恩视察朝鲜最新战舰 赞军舰科技含量高(图)</a></li>
				<li><a href="#">美“51区”雇员称内有9架飞碟 曾见灰色外星人 </a></li>
				<li><a href="#">巴基斯坦释放337名印度在押人员</a></li>
				<li><a href="#">海南卫生厅干部体验看病难:候2小时就诊5分钟</a></li>
				<li><a href="#">延安市长回应削山建新城：保证不变“鬼城”</a></li>
				<li><a href="#">上海今日遭高温暴雨雷电大风轮番袭击(组图)</a></li>
				<li><a href="#">美国安局人员被曝曾用监控资源监听自己伴侣</a></li>
				<li><a href="#">金正恩视察朝鲜最新战舰 赞军舰科技含量高(图)</a></li>
				<li><a href="#">美“51区”雇员称内有9架飞碟 曾见灰色外星人 </a></li>
				<li><a href="#">巴基斯坦释放337名印度在押人员</a></li>
			</ul>
		</div>
        <div data-role="footer" data-position="fixed" data-fullscreen="true">
			<div data-role="navbar">
				<ul>
					<li><a id="chat" href="#" data-icon="plus">今日新闻</a></li>        
					<li><a id="email" href="#" data-icon="plus">国内新闻</a></li>        
					<li><a id="skull" href="#" data-icon="plus">国际新闻</a></li>        
					<li><a id="beer" href="#" data-icon="plus">设置</a></li>         
				</ul>
			</div>
		</div>
    </div>
</body>
</html>
